﻿<!DOCTYPE html>
<html>
<head>
    <title>My Maps</title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link href="Styles/Site.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/mapsextend.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false">
    </script>
</head>
<body onload="initialize()">
    <div id="top_menu">
        <table style="width: 100%; height: 50px;">
            <tr style="height: 50%">
                <td align="right" style="width: 70%">
                    <label id="Username">
                        Username:
                    </label>
                </td>
                <td align="left" style="width: 10%">
                    <input id="text_user" type="text" class="text_dn" />
                </td>
                <td align="right" style="width: 5%">
                    <label id="Password">
                        Password:
                    </label>
                </td>
                <td colspan="2" align="left" style="width: 15%">
                    <input id="text_pass" type="password" class="text_dn" />
                </td>
            </tr>
            <tr style="height: 50%">
                <td align="right" style="width: 70%">
                    &nbsp;
                </td>
                <td align="right" style="width: 10%">
                    <input id="btn_Login" type="button" value="Log in" onclick="btnLogin_Click()" class="btn_dn" />
                </td>
                <td align="center" style="width: 5%">
                    <input id="btn_Logout" type="button" value="Log out" onclick="btnLogout_Click()"
                        class="btn_dn" />
                </td>
                <td align="left" style="width: 5%">
                    <input id="btn_Register" type="button" value="Register" onclick="btnRegister_Click()"
                        class="btn_dn" />
                </td>
                <td align="left" style="width: 10%">
                    <input id="btn_AddContact" type="button" value="AddContact" class="btn_dn" />
                </td>
            </tr>
        </table>
    </div>
    <div id="Search">
        <table>
            <tr>
                <td>
                    <img id="logo" alt="My Google Map" src="PIC/Logo.png" />
                </td>
                <td>
                    <input id="address" type="text" />
                </td>
                <td>
                    <input id="Searchbtn" type="button" onclick="btnDiaDiem_Click()" />
                </td>
                <td>
                    <input id="Managebtn" type="button" value="Manage Point" onclick="btnManage_Click()" />
                </td>
            </tr>
        </table>
    </div>
    <div id="bottom_content">
        <div id="diadiempanel">
        </div>
        <div id="right_content">
            <div id="map_canvas">
            </div>
        </div>
    </div>
</body>
</html>
